<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <?php $this->load->view('head'); ?>
        <title>PROGRAMA PRIMERA INFANCIA</title>
        <script type="text/javascript">
            $(document).ready(function(){
<?php $this->load->view('enReady'); ?>
        $("#zona").change(function(){
            $("#divClase").html('');
            if($(this).val() != ""){
                $("#divClase").load("<?php echo site_url("extras/departamentosxzona")?>", {zonaId: $(this).val()});
            }
        }); //fin $("#instrumentos").change(function(){
    }); //fin $(document).ready(function(){
    function envia(val){
        if(val != ""){
            $("#frCoordinador").submit();
        }
        return true;
    }
        </script>
        <style type="text/css">
            ul{
                margin-top: 5px;
                list-style:none;
                padding-left: 0px;
            }
            ul a{color: #090966}
            ul a:active{color: black}
            ul a:visited{color: #b6c3ff}
            ul li.liPrincipal{padding-top: 3px;font-weight: bold;color: #ffba00}
            .subUl{padding-left: 10px;font-weight: normal}
            .tituloPrincipal{
                font-size: 12px;
                padding:  2px 6px;
                line-height: 130%;
            }
            #divContenedorPrincipal{
                margin: 0 auto;
                width: 97%;
                height: 100%;
                padding: 0px 10px;
                -moz-border-radius:16px;
                -webkit-border-radius:16px;
                border-radius:16px;
                background-color: white;
                vertical-align: middle;
                height:1440px;
            }
            .divFooter{
                width: 100%;
                /*                position: relative;*/
            }
            .hrclass{
                margin: 25px 2px;
            }
        </style>
    <body style="background-color: #E6E2E2">
        <?php $this->load->view('enBody'); ?>
        <div id="divContenedorPrincipal" >
            <?php $this->load->view('view_head'); ?>
            <div class="tituloPrincipal ui-accordion-header ui-helper-reset ui-state-default ui-corner-all">
                <div style="float: right">
                    <span class="clHover" style="color: #ffba00;font-weight: bolder" onclick="window.location = '<?php echo site_url("inicio"); ?>';" title="Cerrar Sesión">Cerrar Sesión</span>
                </div>
                <div >Usuario: <span style="font-size: 18px;color: white;font-weight: bolder"><?php echo $nombre ?></span></div>
            </div>
            <div id="divContenido">
                <fieldset>
                    <legend>Ubicación geográfica</legend>
                    <form id="frCoordinador" action="<?php echo site_url("inicio/cordiExterno"); ?>" method="POST" >
                        <div style="float: left">
                            <label for="zona">Zona</label>
                            <select id="zona" name="zona">
                                <option value="">Seleccione</option>
                                <?php
                                foreach ($zonas->result() as $row) {
                                    echo "<option value='{$row->zonaId}'>{$row->zonaNombre}</option>";
                                }
                                ?>
                            </select>
                        </div>
                        <div id="divClase" style="float: left">
                        </div>
                    </form>
                </fieldset>
            </div><br/><br/>
            <?php $this->load->view('view_footer'); ?>
        </div>
    </body>
</html>
